<script lang="ts" setup>
import Header_pc from "./Header_pc.vue";
import Header_mob from "./Header_mob.vue";
</script>
<template>
  <div class="header_pc">
    <Header_pc />
  </div>
  <div class="header_mob">
    <Header_mob />
  </div>
</template>
<style lang="scss" scoped>
@import "../../../utils/scss/global.scss";

.header_pc {
  position: sticky;
  top: -40px;
  z-index: 999;
}

.header_mob {
  position: sticky;
  top: 0px;
  z-index: 999;
}

.header_mob {
  display: none;
}

@include mobile {
  .header_pc {
    display: none;
  }
  .header_mob {
    display: block;
  }
}
</style>
